/*topper*/
.topper{line-height:40px;font-size:14px;color:#999999;background:#eee;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;height: 40px;}
.topper .topper-left{float:left;}
.topper .topper-right{float:right;}
.topper .topper-right a{display:block;float:left;position:relative;border-left:1px solid #e3e3e3;font-size:14px;color:#999;padding:0 10px 0 50px;transition: all .5s;}
.topper .topper-right a:hover{color:#fff;}
.topper .topper-right a.top-weixin{background:url(../images/top_input.png) no-repeat -231px 1px;}
.topper .topper-right a.top-weixin:hover{background:var(--zhu-color) url(../images/top_input.png) no-repeat -231px -48px;}
.topper .topper-right a.top-mobile{background:url(../images/top_input.png) no-repeat -116px 3px;}
.topper .topper-right a.top-mobile:hover{background:var(--zhu-color) url(../images/top_input.png) no-repeat -116px -48px;}
.topper .topper-right a.top-add{background:url(../images/top_input.png) no-repeat 2px 1px;}
.topper .topper-right a.top-add:hover{background:var(--zhu-color) url(../images/top_input.png) no-repeat 2px -48px;}
.topper .topper-right a img{position:absolute;width:120px;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:none;z-index:20;border:1px solid #eee;}
.topper .topper-right a:hover img{display:block;}
@media(max-width: 1400px){
	.topper .wrapp{padding:0 5px;}
}
@media(max-width: 768px){
	.topper{display: none;}
}

.head{width:100%;background-color:#fff;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding:30px 0;box-sizing: border-box;}
.logo-img{width:calc(100% - 300px);}
.logo-img a{display:block;}
.logo-img a>img{float:left;}
.head-tel{width:270px;}
.head-tel i{font-size: 50px;color:var(--zhu-color);float: left;line-height: 1}
.head-tel .right{width:calc(100% - 70px);float: right;line-height: 1;padding:3px 0;}
.head-tel .right .fir{font-size: 15px;color:#333333;}
.head-tel .right .sec{font-size: 32px;color:var(--zhu-color);font-family:'DIN';font-weight: bold;}
@media(max-width: 1400px){
	.head{padding:30px 5px;}
}
@media(max-width: 768px){
	.head{padding:15px 5px;}
	.head-tel{width:220px;}
	.head-tel i{font-size: 40px;}
	.head-tel .right{width:calc(100% - 50px);}
	.head-tel .right .sec{font-size: 26px;}
	.logo-img{width:calc(100% - 260px);}
}
@media(max-width: 576px){
	.head{padding:10px 5px;}
	.head-tel{display: none;}
	.logo-img{width:100%;text-align: center;max-height: 50px}
	.logo-img a{height: 100%;text-align: center;}
	.logo-img a>img{max-height: 100%;float: none;}

}
/*nav*/
.nav{background:var(--zhu-color);height:60px;width:100%;line-height:60px;position:relative;display: block;z-index: 2}
/*.nav .wrapp{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}*/
.nav ul{width:calc(100% - 240px);float: left;}
.nav ul li{position:relative;float:left;width:12.5%;text-align:center;z-index:1;}
.nav ul li a{display:block;color:#fff;font-size:16px;position:relative;letter-spacing:1px;}
.nav ul li a:hover i{width:100%;}
.nav ul li a span{position:relative;z-index:2;}
.nav ul li a i{display:block;content:"";position:absolute;width:0;height:4px;background:#0b5aa7;left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.nav ul li a.active i{width:100%;}
.nav .block{position:absolute;display:block;background:#077cbf;height:60px;top:0;overflow:visible !important;}
.nav .block:after{content:'';display:block;width:0;height:0;border-width:0px 35px 60px 35px;border-style:solid;border-color:transparent transparent transparent #077cbf;position:absolute;right:-70px;}
.nav ul li .navson{display: none;  position: absolute; /*left: 0; top:100%;*/ z-index: 99999; width: 134px; padding: 0;}
.nav ul li .navson .navson_nr .hei{ background: rgba(1,107,191,.8); border: 1px solid rgba(255,255,255,0.2); padding: 0;}
.nav ul li .navson dl{ width: 100%;}
.nav ul li .navson dl dt{ font-weight: normal; font-size: 14px; height: 43px; line-height: 43px!important; text-align: left; position: relative; padding-left: 5px;}
.nav ul li .navson dl dt a{ display: block; width: 100%; height: 43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: rgba(255,255,255,0.8) !important; background: none!important; border-left: none; line-height: 43px; text-align: center;}
.nav ul li .navson dl dt:before{ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; background: rgba(255,255,255,0.5); transition: 0.3s;}
.nav ul li .navson dl dt:hover:before{ width: 100%;}
.sousuo{width:185px;border-radius: 20px;height: 32px;border-top-right-radius: 20px;overflow: hidden;float: right;margin:14px 0;position: relative;z-index: 2}
.sousuo .input-txt{width:145px;height: 32px;float: left;color:#666666;padding:0 10px;box-sizing: border-box;}
.sousuo .input-btn{width:40px;height: 32px;float:right;border:none;background:#fff;line-height: 1}
.sousuo .input-btn i{font-size: 22px;line-height: 1;color:#666666;}
.sousuo .input-btn:hover{cursor: pointer;}
.sousuo .input-btn:hover i{color:var(--zhu-color);}
@media(max-width: 1400px){
	.nav{padding: 0 5px;}
}
@media(max-width: 1200px){
	.nav .block{left:-20px;}
	.nav ul{width:calc(100% - 200px);}
}
@media(max-width: 992px){
	.nav ul{width:100%;}
	.sousuo{display: none;}
	.nav ul li .navson{display: none!important;}
}
@media(max-width: 768px){
	.nav{height: 100px;line-height:50px;padding:0;}
	.nav ul li{width:25%;border-bottom: solid 1px #fff;border-right:solid 1px #fff;}
	.nav ul li:nth-child(4n){border-right:none;}
	.nav ul li:nth-child(n+5){border-bottom:none;}
	.nav .block{display: none;}
}
@media(max-width: 576px){
	.nav{height: 80px;line-height: 40px;}
	.nav ul li a{font-size: 14px}
}

/*flash*/
.banner{position:relative;margin:0 auto;}
.banner .swiper-slide{position:relative;width:100%;}
.banner .swiper-slide img{object-fit: cover;width:100%;}
.banner .swiper-slide a{display:block;width:100%;height:100%;}
.banner .pagination{position:absolute;font-size:0;left:0;text-align:center;bottom:13px;width:100%;z-index:9;}
.banner .pagination .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid #fff;opacity:0.6;margin:0 5px;cursor:pointer;}
.banner .pagination .swiper-active-switch{background:#fff;opacity:1;}
.banner .left-nav{width:260px;background:rgba(0,0,0,0.8);position:absolute;left:0;z-index:100;top:0;height:100%;}
.swiper-button-white:after{font-size:20px!important;}
.bannerSwiper .swiper-button-next{right:120px;}
.bannerSwiper .swiper-button-prev{left:120px;}
.banner .swiper-pagination{bottom:20px!important;}
.banner .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;border-radius:10px;}
.banner .swiper-pagination-bullet-active{width:50px;}
@media(max-width: 1400px){
	.banner .swiper-slide img{height: 600px}
}
@media(max-width: 1200px){
	.banner .swiper-slide img{height: 450px}
}
@media(max-width: 768px){
	.banner .swiper-slide img{height: 330px}
}
@media(max-width: 576px){
	.banner .swiper-slide img{height: 180px}
}

/*ititle*/
.ititle{padding:45px 0;}
.ititle .t1{color:#000000;font-size: 32px;position: relative;text-align: center;}
.ititle .t1:before{content:'';position: absolute;width:calc(calc(100% - 355px) / 2);height: 42px;background: url(../images/title_l.png) right center no-repeat;left:0; top:0;}
.ititle .t1:after{content:'';position: absolute;width:calc(calc(100% - 355px) / 2);height: 42px;background: url(../images/title_r.png) left center no-repeat;right:0;top:0;}
.ititle .t2{text-align: center;color:#666666;font-size: 16px;}
.ititle .t2 span{color:var(--pei-color);}
@media(max-width: 576px){
	.ititle{padding:15px 0;}
	.ititle .t1{font-size: 28px}
	.ititle .t2{font-size: 14px}
}

/*ipro*/
.ipro{overflow: hidden;background: #f4f4f4;padding-bottom: 40px;}
.ipro-md{background: #fff;width:100%;overflow: hidden;}
.ipro-md .left{width:250px;float:left;background: var(--zhu-color);color:#fff;font-size: 24px;font-weight: bold;text-align: center;line-height: 70px;}
.ipro-md .right{float:right;width:calc(100% - 250px);padding:20px 0;}
.ipro-md .right a{color:#666666;font-size: 18px;border-right:solid 1px #cecece;width:16.6%;float: left;display: block;text-align: center;padding:0 10px;}
.ipro-md .right a:last-child{border-right:none;}
.ipro-md .right a:hover{color:var(--zhu-color);}
.ipro-bd{margin-top: 30px;width:100%;}
.ipro-bd .left{width:100%;overflow: hidden;box-shadow: 0 0 15px #cecece;position: relative;--swiper-theme-color: var(--pei-color);--swiper-pagination-bullet-width:12px;--swiper-pagination-bullet-height:12px;}
.ipro-bd .left .item{width:100%;display: block;}
.ipro-bd .left .item .img{padding-bottom: 82%;}

.ipro-bd .left .item .p1{background:#074f89;padding:8px;color:#fff;font-size: 18px;text-align: center;}
.ipro-bd .left .item .txt{background: #fff;padding:45px 15px 75px;}
.ipro-bd .left .item .txt .t1{font-size: 24px;color:#666666;transition: all .5s;}
.ipro-bd .left .item .txt .t2{font-size: 14px;color:#666666;line-height: 24px;margin-top: 10px;}
.ipro-bd .left .item:hover .txt .t1{color:var(--zhu-color);padding-left: 10px;}
.ipro-bd .left .swiper-pagination{position: absolute;bottom:30px;}
.ipro-bd .right{width:100%;overflow: hidden;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.ipro-bd .right .item{overflow: hidden;width:49%;margin-bottom: 15px;}
.ipro-bd .right .item .img{padding-bottom:65%;}
.ipro-bd .right .item .img img{object-position: top;}
.ipro-bd .right .item .p1{background:#074f89;padding:5px;color:#fff;font-size: 14px;text-align: center;}
.ipro-bd .right .item .txt{background: #e1e1e1;padding:15px;position: relative;}
.ipro-bd .right .item .txt .t1{color:#333333;font-size: 18px;}
.ipro-bd .right .item .txt .t2{color:#666666;font-size: 14px;}
.ipro-bd .right .item .txt .zhezhao{position: absolute;top:100%;left:0;height: 100%;background: var(--zhu-color);opacity: 0;transition: all .5s;width:100%;display: flex;flex-direction: row;justify-content:center;padding:15px 0;align-items: center;}
.ipro-bd .right .item .txt .zhezhao a{width:120px;height: 40px;text-align: center;line-height: 40px;display: inline-block;border-radius: 10px;font-size: 16px;margin:0 10px;background: #fff;color:#333;}
.ipro-bd .right .item .txt .zhezhao a i{font-size: 18px;margin-right: 3px;color:var(--pei-color);}
.ipro-bd .right .item .txt .zhezhao a.active{background: var(--pei-color);color:#fff;transition: all .5s}
.ipro-bd .right .item .txt .zhezhao a.active i{color:#fff;transition: all .5s}
.ipro-bd .right .item:hover .txt .zhezhao{top:0;opacity: 1;}
@media(max-width: 1200px){
	.ipro-bd .left .item .txt{padding:35px 15px 70px;}
}
@media(max-width: 992px){
	.ipro-md .left{width:100%;}
	.ipro-md .right{width:100%;}
	.ipro-md .right a{width:33.3%;margin-bottom: 10px}
	.ipro-md .right a:nth-child(3n){border-right:none;}
	.ipro-bd .right{margin-top: 30px}
	.ipro-bd .left .item .p1{font-size: 14px;}
}
@media(max-width: 768px){
	.ipro-bd .right .item .p1{font-size: 12px;}
}
@media(max-width: 576px){
	.ipro-md .left{line-height: 50px;font-size: 20px}
	.ipro-md .right{padding:5px 0;}
	.ipro-md .right a{font-size: 14px}
	.ipro-bd .right .item{width:100%;}
	.ipro-bd .left .item .txt .t1{font-size:18px}
	.ipro-bd .right .item .txt .t1{font-size: 16px;}
}

/*icom*/
.icom{overflow: hidden;position: relative;background: #f4f4f4;padding-bottom: 45px;}
.icom .bg{width:100%;height: 605px;background: url(../images/icom-bg.jpg) center no-repeat;background-attachment: fixed;position: absolute;top:0;left:0;}
.icom .txt{width:100%;background: #fff;padding:85px 10% 300px;overflow: hidden;position: relative;z-index: 2;top:230px;}
.icom .txt .hd{text-align: center;}
.icom .txt .md{padding:20px 0 0;}
.icom .txt .md p{color:#666666;line-height: 26px;}
.icom .txt .md a{width:168px;height: 38px;text-align: center;line-height: 38px;color:var(--zhu-color);border:solid 1px var(--zhu-color);display:block;margin:35px auto;transition: all .5s;}
.icom .txt .md a:hover{background:var(--zhu-color);letter-spacing: 2px;color:#fff;border-radius: 5px}
.icom .txt .bd{display: flex;flex-direction: row;justify-content: space-around;width:100%;padding:0 15%;overflow: hidden;}
.icom .txt .bd a{width:112px;text-align: center;display:inline-block;}
.icom .txt .bd a img{transition: all .5s;}
.icom .txt .bd a p{color:#666666;padding:10px 0;}
.icom .txt .bd a:hover p{color:var(--zhu-color);}
.icom .txt .bd a:hover img{transform: rotate(360deg); }
@media(max-width: 992px){
	.icom .txt{top:120px;padding:85px 10% 150px;}
	.icom .txt .bd{padding:0 5%;}
}
@media(max-width: 768px){
	.icom .txt{padding:85px 5% 150px;}
	.icom .txt .bd{padding:0;}
}
@media(max-width: 576px){
	.icom .txt{padding-top:60px;}
	.icom .txt .bd{flex-wrap: wrap;}
	.icom .txt .bd a{margin-bottom: 15px;}
	.icom .txt .bd a img{width:80px;}
}

/*icase*/
.icase{overflow: hidden;position: relative;background: url(../images/icase-bg.jpg) center no-repeat;background-attachment: fixed;height: 856px;}
.icase .chuang{width:100%;background: url(../images/icase-chuang.png) center no-repeat;height: 858px;position: absolute;top:0;}

.icase-hd{text-align: center;margin-top: 220px;}
.icase-bd{margin-top: 30px;overflow: hidden;--swiper-theme-color: var(--pei-color);position: relative;padding-bottom: 50px;--swiper-pagination-bullet-width:10px;--swiper-pagination-bullet-height:10px;}
.icase-bd .item{width:100%;overflow: hidden;display: block;position: relative;}
.icase-bd .item .img{padding-bottom: 57.6%;}
.icase-bd .item .txt{height: 100%;width:100%;background: rgba(0,0,0,0.5);color:#fff;font-size: 18px;padding:15px;display: flex;flex-direction: row;align-items: center;position: absolute;top:0;left:-100%;opacity: 0;transition: all .5s;justify-content: center}
.icase-bd .item:hover .txt{left:0;opacity: 1}
.icase-bd .swiper-pagination{bottom:0px;}
@media(max-width: 768px){
	.icase-hd{margin-top: 180px;}
	.icase-bd{padding:0 60px 60px;}
}
@media(max-width: 576px){
	.icase{height: 548px;}
	.icase .chuang{height: 550px;background-size: auto 100%}
	.icase-hd{margin-top: 150px;}
	.icase-bd{padding:0 0px 60px;}
}

/*inews*/
.inews{overflow: hidden;}
.inews-bd{margin-top: 30px;display: flex;flex-direction: row;justify-content: space-between;}
.inews-bd .left{width:560px;display: block;}
.inews-bd .left .img{padding-bottom: 58%;}
.inews-bd .left .img img{transition: all .5s;}
.inews-bd .left .t1{color:#666666;margin: 30px 0 10px;}
.inews-bd .left .t2{font-size: 18px;color:#333;transition: all .5s}
.inews-bd .left .t3{font-size: 14px;color:#666666;-webkit-line-clamp:2;margin-top: 10px}
.inews-bd .left:hover .img img{transform: rotate(5deg) scale(1.2);}
.inews-bd .left:hover .t2{color:var(--zhu-color);padding-left: 10px;}
.inews-bd .right{width:calc(100% - 590px);margin-top: -32px;}
.inews-bd .right .item{width:100%;display: block;display: flex;flex-direction: row;justify-content: space-between; padding: 30px 0;border-bottom: solid 1px #d0cfcf;transition: all .5s;position: relative;}
.inews-bd .right .item:after{content:'';position: absolute;width:0;height: 2px;background:var(--zhu-color);transition: all .5s;bottom:-1px;}
.inews-bd .right .item .lt{width:175px;border:solid 1px #eee;padding:2px;}
.inews-bd .right .item .rt{width:calc(100% - 195px);}
.inews-bd .right .item .img{padding-bottom: 61%;}
.inews-bd .right .item .t1{color:#666666;margin-bottom: 5px;}
.inews-bd .right .item .t2{color:#333333;font-size: 16px;transition: all .5s}
.inews-bd .right .item .t3{color:#666666;line-height: 24px;-webkit-line-clamp:2;margin-top: 5px;}
.inews-bd .right .item:hover .lt{border: solid 1px var(--zhu-color)}
.inews-bd .right .item:hover .t2{color:var(--zhu-color);padding-left: 10px;}
.inews-bd .right .item:hover:after{width:100%;}
@media(max-width: 1200px){
	.inews-bd .left{width:450px;}
	.inews-bd .right{width:calc(100% - 480px);margin-top: -17px;}
	.inews-bd .right .item{padding:15px 0;}
}
@media(max-width: 992px){
	.inews-bd .left{width:350px;}
	.inews-bd .left .t3{-webkit-line-clamp:4;}
	.inews-bd .right{width:calc(100% - 365px);}
}
@media(max-width: 768px){
	.inews-bd{flex-direction: column;}
	.inews-bd .left{width:100%;}
	.inews-bd .left .t3{-webkit-line-clamp:2;}
	.inews-bd .right{width:100%;margin-top: 15px}
}
@media(max-width: 576px){
	.inews-bd .right .item{flex-direction: column;}
	.inews-bd .right .item .lt{width:100%;}
	.inews-bd .right .item .rt{width:100%;}
	.inews-bd .right .item .t1{margin-top: 10px;}
}

/*footer*/
.footer{width:100%;background: url(../images/f-bg.jpg) top center no-repeat #404040;margin-top: 60px}
.f-hd{padding:90px 60px 60px;display: flex;flex-direction: row;justify-content: space-between;}
.f-logo{width:330px;padding:25px 30px 25px 0;text-align: center;}
.f-logo .tel{width:39px;height: 39px;color:#999999;font-size: 22px;line-height: 39px;width:100%;text-align: left;margin:10px 0 0 40px;}
.f-hd .md{display: flex;flex-direction: row;justify-content: space-between;width:550px;padding:0 15px;}
.f-nav{width:240px;}
.f-nav .t1{width:100%;color:#fff;font-size: 18px;font-weight: bold;border-bottom:solid 1px #5f5f5f;padding-bottom: 10px;}
.f-nav ul{padding-top: 25px;}
.f-nav ul a{display: inline-block;color:#999999;margin:0 15px 10px 0;}
.f-nav ul a:hover{color:#fff;}
.f-con{width:240px;}
.f-con .t1{width:100%;color:#fff;font-size: 18px;font-weight: bold;border-bottom:solid 1px #5f5f5f;padding-bottom: 10px;}
.f-con .t2{color:#999999;line-height: 32px;padding-top: 20px;}
.f-ewm{width:240px;display: flex;flex-direction: row;justify-content: space-between;}
.f-ewm li{width:106px;}
.f-ewm li img{width:100%;}
.f-ewm li p{width:100%;text-align: center;color:#999999;padding:18px 0;}
.f-bd{border-top:solid 1px #5f5f5f;padding:20px 0;color:#8a8a8a;overflow: hidden;width:90%;margin:0 auto;}
.f-bd .rt{width:125px;float: right;}
.f-bd .lt{width:calc(100% - 130px);float: left;}
.f-bd a{color:#8a8a8a;display: inline-block;}
.f-bd a:hover{color:#fff;}
@media(max-width: 1300px){
	.f-hd{padding:90px 0 45px;}	
	.f-bd{width:100%;}
}
@media(max-width: 1200px){
	.f-nav{width:230px;}
	.f-con{width:220px;}
}
@media(max-width: 992px){
	.f-hd{flex-direction: column;}
	.f-hd .md{width:100%;}
	.f-nav{width:48%;}
	.f-logo{width:100%;}
	.f-logo .tel{text-align: center;}
	.f-con{width:48%;}
	.f-ewm{width:100%;justify-content: center;margin-top:30px;}
	.f-ewm li{margin:0 15px;}
}
@media(max-width: 576px){
	.f-hd{padding: 60px 0 30px;}
	.f-hd .md{flex-direction: column;padding:0;}
	.f-logo .tel{margin-left:0;}
	.f-nav,.f-con{width:100%;margin-top: 15px;}
	.f-bd{margin-bottom: 55px}
	.f-bd .lt{width:100%;}
	.f-bd .rt{width:100%;}
	.f-logo{padding-right: 0}
	.f-nav ul a{margin-right: 10px}
}

.end{width:100%;background: #333;overflow: hidden;position: fixed;display: none;bottom:0;z-index: 999}
.end a{display: block;border-right:solid 1px #fff;color:#fff;width:25%;text-align: center;float: left;padding:5px 0;}
.end a i{font-size:20px;}
.end a p{text-align: center;font-size: 14px;line-height: 1;}
@media(max-width: 576px){
	.end{display: block;}
}